<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>数据查询</title>
    <link rel="stylesheet" href="../../../assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../../assets/module/dtree/dtree.css"/>
    <link rel="stylesheet" href="../../../assets/module/dtree/font/dtreefont.css"/>
    <link rel="stylesheet" href="../../../assets/module/admin.css?v=313"/>

    <link rel="stylesheet" href="../../../assets/libs/ztree/css/zTreeStyle/zTreeStyle.css">

    <link rel="stylesheet" href="../../../assets/css/publicStyle.css"/>
    <script src="../../../assets/libs/jquery/jquery-3.2.1.min.js"></script>
    <!--[if lt IE 9]>
    <script src="../../../assets/libs/html5shiv.min.js"></script>
    <script src="../../../assets/libs/respond.min.js"></script>
    <![endif]-->
    <script src="../../../assets/libs/template-web.js"></script>
    <link rel="stylesheet" href="../../../assets/css/macro/templateManage.css">
    <link rel="stylesheet" href="../../../assets/css/macro/queryData.css">
</head>
<body>

<!-- 加载动画 -->
<div class="page-loading">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>

<!-- 正文开始 -->
<div class="layui-fluid queryDataPage" >
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card template">
                <div class="layui-card-header templateTitle">
                    <form class="layui-form" action="">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">区划配置</label>
                                <div class="layui-input-inline">
                                    <select name="regionSet" lay-filter="regionSet" id="region-tree-box">
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">区划</label>
                                <div class="regionSetSelect layui-input-inline" id="regionInput">
                                    <input type="text"  name="region" lay-verify="region" autocomplete="off"  class="layui-input">
                                </div>
                                <ul id="groupRegion" class="ztree" ></ul>

                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">报告期</label>
                                <div class="layui-input-inline">
                                    <select name="period" lay-filter="period"  id="period-select-box">

                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">数据版本</label>
                                <div class="layui-input-inline">
                                    <select name="version" lay-verify="" lay-search="" id="pversion-select-box">
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline" id="queryData-tmpl-box"></div>
                        </div>
                    </form>

                </div>
                <div class="layui-card-body mini-bar" >
                    <div class="templatetablecontent" >
                        <div class="my-table" id="my-table">

                            <!--生成的表 start-->
                            <div class="row tableWidth" >
                                <div id="left_div1" class="table">
                                    <table id="cross_table">
                                        <tbody></tbody>
                                    </table>
                                </div>
                                <div id="right_div1" class="table">
                                    <div id="right_divx" class="table">
                                        <table id="column_table">
                                            <tbody></tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="column tableWidth" >
                                <div id="left_div2" class="table">
                                    <table id="row_table">
                                        <tbody></tbody>
                                    </table>
                                </div>
                                <div id="right_div2" class="table dataTable template_rightdiv2">
                                    <table id="data_table">
                                        <tbody></tbody>
                                    </table>
                                </div>
                            </div>
                            <!--生成的表 end-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 模板管理按钮权限 -->
<script type="text/tmpl" id="queryData-tmpl">
    {{ if hasPower("/macro/macroMeta/query:query")}}
     <button class="layui-btn icon-btn layui-btn-sm" lay-submit="" lay-filter="queryData"><i class="layui-icon">&#xe615;</i>查询</button>
    {{/if}}
</script>

<script type="text/tmpl" id="region-tree-tmpl">
    {{ each records}}
     <option value="{{$value.id}}">{{$value.name}}</option>
    {{/each}}
</script>

<script type="text/tmpl" id="period-select-tmpl">
    {{ each data}}
     <option value="{{$value.year+','+$value.month}}">{{$value.reportName}}</option>
    {{/each}}
</script>

<script type="text/tmpl" id="pversion-select-tmpl">
    {{ each data}}
     <option value="{{$value.pversion}}">{{$value.pversion}}</option>
    {{/each}}
</script>

<!-- js部分 -->
<script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="../../../assets/js/common.js?v=313"></script>

<!-- 表格部分 -->
<script src="../../../assets/js/table/jquery.table.js"></script>

<!-- Ztree树部分 -->
<script src="../../../assets/libs/ztree/js/jquery.ztree.core.min.js"></script>
<script src="../../../assets/libs/ztree/js/jquery.ztree.exedit.js"></script>
<script src="../../../assets/libs/ztree/js/jquery.ztree.excheck.min.js"></script>
<script src="../../../assets/libs/copy/clipboard.min.js"></script>

<script src="../../../assets/libs/template-web.js"></script>
<script src="../../../assets/libs/axios.min.js"></script>
<script src="../../../assets/js/config.js"></script>
<script src="../../../assets/js/authority.js"></script>
<script src="../../../assets/js/macro/common.js"></script>

<script src="../../../assets/js/config/region.js"></script>
<script src="../../../assets/js/config/macroTable.js"></script>
<script src="../../../assets/js/macro/macroMeta/queryData.js"></script>

</body>

</html>